<div class="page">
	<div class="navbar">
		<div class="navbar-inner sliding">
			<div class="left">
				<a href="#" class="link back">
					<i class="icon icon-back"></i>
					<span class="ios-only"></span>
				</a>
			</div>
			<div class="title">资产查询</div>
			<div class="right">

			</div>
		</div>
	</div>
	<div class="page-content">
		<!-- 主要业务栏模块 start-->
		<section id="assetSearch">
			<!-- 刷选条件 start-->
			<form id="searchForm">
				<div class="list inline-labels no-hairlines-md">
					<ul>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">资产编号：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入资产编号" name="-Code">
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">资产分类：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请选择资产分类" readonly="" class="popup-open AssetTypeIdFalse" data-popup=".AssetTypeId">
									<input type="hidden" name="AssetTypeId">
									<span class="input-clear-button"></span>
								</div>
								<i class="f7-icons">down</i>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">规格型号：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入规格型号" name="-Model">
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">使用部门：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请选择使用部门" readonly="" class="popup-open UsingDepartmentIdFalse" data-popup=".UsingDepartmentId">
									<input type="hidden" name="UsingDepartmentId">
									<span class="input-clear-button"></span>
								</div>
								<i class="f7-icons">down</i>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">使用人：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入使用人" readonly="" class="popup-open UsingMenIdFalse">
									<input type="hidden" name="UsingMenId">
									<span class="input-clear-button"></span>
								</div>
								<i class="f7-icons">down</i>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">资产品牌：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入资产品牌" name="-NameBrand">
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">资产品牌：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入资产品牌" name="-NameBrand">
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">管理部门：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请选择管理部门" readonly="" class="popup-open DutyDepartmentIdFalse" data-popup=".DutyDepartmentId">
									<input type="hidden" name="DutyDepartmentId">
									<span class="input-clear-button"></span>
								</div>
								<i class="f7-icons">down</i>
							</div>
						</li>
					</ul>
				</div>

				<!--<button class="col button button-fill color-blue accurateBtn" type="button">精确搜索</button>-->

				<!--<div class="list inline-labels no-hairlines-md accurateSearch">
					<ul>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">成本中心：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入成本中心" name="costCenter">
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">资产品牌：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入资产品牌" name="-NameBrand">
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">管理部门：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请选择管理部门" readonly="" class="popup-open DutyDepartmentIdFalse" data-popup=".DutyDepartmentId">
									<input type="hidden" name="DutyDepartmentId">
									<span class="input-clear-button"></span>
								</div>
								<i class="f7-icons">down</i>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">供应商：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入供应商" name="-ProviderName">
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">资产状态：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请选择资产状态" readonly="" class="popup-open AssetStatusIdFalse" data-popup=".AssetStatusId">
									<input type="hidden" name="AssetStatusId">
									<span class="input-clear-button"></span>
								</div>
								<i class="f7-icons">down</i>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">入库日期：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请选择入库日期" readonly="readonly" id="demo-calendar-default1" name="》=CreatedOnDate" />
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">出库日期：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请选择出库日期" readonly="readonly" id="demo-calendar-default2" name="《=CreatedOnDate" />
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
						<li class="item-content item-input">
							<div class="item-inner">
								<div class="item-title item-label">序列号：</div>
								<div class="item-input-wrap">
									<input type="text" placeholder="请输入序列号" name="-SerialCode">
									<span class="input-clear-button"></span>
								</div>
							</div>
						</li>
					</ul>
				</div>-->

				<button class="col button button-big button-fill btnSearch" type="button">搜索</button>
			</form>
			<!-- 刷选条件 end-->
		</section>
		<!-- 底部导航 start -->
		<footer>
			<ul class="row no-gap footerNav">
				<li class="col-25">
					<a href="/" data-animate="false">
						<i class="aliiconfont aliicon-home"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/user-asset/">
						<i class="aliiconfont aliicon-reorder"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/scan-stocktak/?_type=assetCode" id="scanAsset">
						<i class="aliiconfont aliicon-icon_QRcode"></i>
					</a>
				</li>
				<li class="col-25">
					<a href="/user-center/">
						<i class="aliiconfont aliicon-user"></i>
					</a>
				</li>
			</ul>
		</footer>
		<!-- 底部导航 end -->
		<script id="templateDialog" type="text/template7">
			<!--写了6级应用  5个IF CHILDREN-->
			{{#each data}}
			<li data-id="{{Id}}" class="assetType">
				<img src="../i/classify.png" alt="">&nbsp;<span>{{Name}}</span>&nbsp;{{#if childrenCount}}
				<i class="f7-icons">down</i>
				<ul class="assetTypeList typeList2">
					{{#each children}}
					<li data-id="{{Id}}">
						<img src="../i/classify.png" alt="">&nbsp;<span>{{Name}}</span>&nbsp;{{#if childrenCount}}
						<i class="f7-icons">down</i>
						<ul class="assetTypeList typeList3">
							{{#each children}}
							<li data-id="{{Id}}">
								<img src="../i/classify.png" alt="">&nbsp;<span>{{Name}}</span>&nbsp;{{#if childrenCount}}
								<i class="f7-icons">down</i>
								<ul class="assetTypeList typeList4">
									{{#each children}}
									<li data-id="{{Id}}">
										<img src="../i/classify.png" alt="">&nbsp;<span>{{Name}}</span>&nbsp;{{#if childrenCount}}
										<i class="f7-icons">down</i>
										<ul class="assetTypeList typeList5">
											{{#each children}}
											<li data-id="{{Id}}">
												<img src="../i/classify.png" alt="">&nbsp;<span>{{Name}}</span>&nbsp;{{#if childrenCount}}
												<p>4</p>
												<i class="f7-icons">down</i>
												<ul class="assetTypeList">
													{{#each children}}
													<li data-id="{{Id}}">
														<img src="../i/classify.png" alt="">&nbsp;<span>{{Name}}</span>&nbsp;
													</li>
													{{/each}}
												</ul>
												{{/if}}
											</li>
											{{/each}}
										</ul>
										{{/if}}
									</li>
									{{/each}}
								</ul>
								{{/if}}
							</li>
							{{/each}}
						</ul>
						{{/if}}
					</li>
					{{/each}}
				</ul>
				{{/if}}
			</li>
			{{/each}}
		</script>
		<script type="text/template7" id="templateUserMan">
			{{#each dataList}}
			<li data-id="{{Id}}" class="assetType">
				<img src="../i/classify.png" alt="">&nbsp;<span>{{员工名称}}</span>
			</li>
			{{/each}}
		</script>
	</div>
	<!--资产分类dialog-->
	<div class="popup AssetTypeId">
		<div class="title">
			<p>资产分类</p>
			<a href="#" class="link popup-close">
				<i class="f7-icons ios-only">close</i>
				<i class="material-icons md-only">close</i>
			</a>
		</div>
		<div class="dialogContent"></div>
	</div>
	<!--使用部门dialog-->
	<div class="popup UsingDepartmentId">
		<div class="title">
			<p>使用部门</p>
			<a href="#" class="link popup-close">
				<i class="f7-icons ios-only">close</i>
				<i class="material-icons md-only">close</i>
			</a>
		</div>
		<div class="dialogContent"></div>
	</div>
	<!--使用人dialog-->
	<div class="popup UsingMenId">
		<div class="title">
			<p>使用人</p>
			<a href="#" class="link popup-close">
				<i class="f7-icons ios-only">close</i>
				<i class="material-icons md-only">close</i>
			</a>
		</div>
		<div class="dialogContent">
			<div class="page-content infinite-scroll-content">
				<div class="list">
					<div class="list accordion-list" id="UsingMenId">
						<ul>
						</ul>
					</div>
				</div>
				<div class="preloader infinite-scroll-preloader"></div>
			</div>
		</div>
	</div>
	<!--管理部门dialog-->
	<div class="popup DutyDepartmentId">
		<div class="title">
			<p>管理部门</p>
			<a href="#" class="link popup-close">
				<i class="f7-icons ios-only">close</i>
				<i class="material-icons md-only">close</i>
			</a>
		</div>
		<div class="dialogContent"></div>
	</div>
	<!--资产状态dialog-->
	<div class="popup AssetStatusId">
		<div class="title">
			<p>资产状态</p>
			<a href="#" class="link popup-close">
				<i class="f7-icons ios-only">close</i>
				<i class="material-icons md-only">close</i>
			</a>
		</div>
		<div class="dialogContent"></div>
	</div>
	<style>
		div.popup {
			overflow: auto;
			width: 80%;
			height: 80%;
			top: 60px;
			left: 40px;
			right: 40px;
			border-radius: 8px;
			font-size: 16px;
		}
		
		div.popup li {
			margin: 10px 0;
		}
		
		div.popup i {
			font-size: 16px;
		}
		
		div.popup .title {
			background: #01B3E2;
			position: relative;
			height: 40px;
			z-index: 1;
		}
		
		div.popup .title p {
			margin: 0;
			text-align: center;
			line-height: 40px;
			color: #fff;
		}
		
		div.popup .title a {
			position: absolute;
			top: 9px;
			right: 15px;
			color: #fff;
		}
		
		div.popup .title a i {
			font-size: 24px;
		}
		
		div.popup .dialogContent {
			position: fixed;
			top: 40px;
			overflow: auto;
			height: 90%;
			width: 90%;
			margin-left: 10px;
			box-sizing: border-box;
		}
		
		div.UsingMenId .dialogContent {
			top: 5px;
			height: 95%;
		}
		
		div.popup .dialogContent .f7-icons {
			float: right;
		}
		
		ul.assetTypeList {
			/*margin: 10px 0;*/
			display: none;
			margin: 0;
			height: auto;
			overflow: hidden;
		}
		
		ul.typeList2 {
			margin-left: 20px;
		}
		
		ul.typeList3 {
			margin-left: 30px;
		}
		
		ul.typeList4 {
			margin-left: 40px;
		}
		
		ul.ul.typeList5 {
			margin-left: 50px;
		}
		
		section#assetSearch {
			position: fixed;
			height: 84%;
			width: 100%;
			overflow-y: auto;
			overflow-x: hidden;
		}
		
		section#assetSearch button.accurateBtn {
			float: right;
			width: 90px;
			clear: both;
			margin: 10px 20px 10px 0;
			background: #01B3E2;
		}
		
		section#assetSearch button.btnSearch {
			width: 90%;
			margin: 20px auto;
			background: #01B3E2;
			border-radius: .7rem;
		}
		
		section#assetSearch .list {
			clear: both;
		}
		
		section#assetSearch .accurateSearch {
			display: none;
		}
		
		.md section#assetSearch .list,
		.ios section#assetSearch .list {
			margin: 0;
			box-sizing: border-box;
			padding: 0 1rem 1rem 0;
		}
		
		form#searchForm .inline-labels .item-label {
			font-size: 14px !important;
			width: 23%;
			color: #000;
			text-align: right;
		}
		
		form#searchForm .list input[type=text] {
			font-size: 1.2rem !important;
			height: auto;
			background: #F1F1F2;
			/*background: #222;*/
			padding: .7rem 1rem;
			box-sizing: border-box;
			border-radius: .7rem;
		}
		
		form#searchForm .inline-labels .item-label+.item-input-wrap {
			min-height: 0;
		}
		
		form#searchForm .list .f7-icons {
			font-size: 14px;
			color: #333;
			z-index: 1;
			width: auto;
			height: auto;
			position: absolute;
			right: 6px;
		}
		
		form#searchForm .list .item-content {
			min-height: 0;
		}
		
		.md form#searchForm .list .item-content {
			margin: .5rem 0;
		}
		
		form#searchForm .list .item-inner {
			min-height: 0;
			box-sizing: border-box;
			padding: 0;
		}
		
		.ios form#searchForm .list .item-inner {
			padding: .7rem 0;
		}
		
		form#searchForm input::-webkit-input-placeholder {
			color: #f40 !important;
		}
		
		.ios form#searchForm .item-input-wrap .input-clear-button {
			top: 14px;
		}
	</style>
</div>